<li>
    <span>
        框架
    </span>
    <ul>
        <li>
            <span>
                Vue
            </span>
            <ul>
                <li>
                    <span>
                        快速使用
                    </span>
                    <ul>
                        <li>
                            <span tag="vue/v-slot">
                                v-slot插槽使用和一些细节整理
                            </span>
                        </li>
                        <li>
                            <span tag="vue/sync">
                                修饰符sync
                            </span>
                        </li>
                        <li>
                            <span tag="vue/class-and-style">
                                Class 与 Style 绑定
                            </span>
                        </li>
                        <li>
                            <span>
                                Vue 2
                            </span>
                            <ul>
                                <li>
                                    <span tag="vue/v2/v-model">
                                        v-model
                                    </span>
                                </li>
                                <li>
                                    <span tag="vue/v2/computed">
                                        计算属性
                                    </span>
                                </li>
                                <li>
                                    <span tag="vue/v2/watch">
                                        侦听器
                                    </span>
                                </li>
                                <li>
                                    <span tag="vue/v2/event">
                                        事件event相关
                                    </span>
                                </li>
                            </ul>
                        </li>
                        <li>
                            <span>
                                Vue 3+
                            </span>
                            <ul>
                                <li>
                                    <span>
                                        如何定义组件？
                                    </span>
                                    <ul>
                                        <li>
                                            <span tag="vue/v3/component/custom/defineComponent">
                                                defineComponent
                                            </span>
                                        </li>
                                        <li>
                                            <span tag="vue/v3/component/custom/setup">
                                                setup
                                            </span>
                                        </li>
                                        <li>
                                            <span tag="vue/v3/component/custom/tsx">
                                                TSX
                                            </span>
                                        </li>
                                    </ul>
                                </li>
                                <li>
                                    <span>
                                        响应式数据
                                    </span>
                                    <ul>
                                        <li>
                                            <span tag="vue/v3/reactive/core">
                                                基础&核心
                                            </span>
                                        </li>
                                        <li>
                                            <span tag="vue/v3/reactive/modify">
                                                修饰&判断
                                            </span>
                                        </li>
                                        <li>
                                            <span tag="vue/v3/reactive/ref">
                                                Ref相关
                                            </span>
                                        </li>
                                        <li>
                                            <span tag="vue/v3/reactive/reactive">
                                                Reactive相关
                                            </span>
                                        </li>
                                        <li>
                                            <span tag="vue/v3/reactive/computed">
                                                计算属性
                                            </span>
                                        </li>
                                        <li>
                                            <span tag="vue/v3/reactive/watch">
                                                侦听器
                                            </span>
                                        </li>
                                    </ul>
                                </li>
                                <li>
                                    <span tag="vue/v3/hooks">
                                        自定义Hooks
                                    </span>
                                </li>
                                <li>
                                    <span tag="vue/v3/directive/custom">
                                        自定义指令
                                    </span>
                                </li>
                                <li>
                                    <span tag="vue/v3/v-model">
                                        v-model
                                    </span>
                                </li>
                                <li>
                                    <span tag="vue/v3/event">
                                        事件event相关
                                    </span>
                                </li>
                                <li>
                                    <span tag="vue/v3/provide-inject">
                                        依赖注入
                                    </span>
                                </li>
                                <li>
                                    <span>
                                        内置组件
                                    </span>
                                    <ul>
                                        <li>
                                            <span tag="vue/v3/component/keepalive">
                                                KeepAlive
                                            </span>
                                        </li>
                                        <li>
                                            <span tag="vue/v3/component/teleport">
                                                Teleport
                                            </span>
                                        </li>
                                        <li>
                                            <span tag="vue/v3/component/transition">
                                                Transition
                                            </span>
                                        </li>
                                    </ul>
                                </li>
                                <li>
                                    <span>
                                        类型types相关
                                    </span>
                                    <ul>
                                        <li>
                                            <span tag="vue/v3/types/mixin">
                                                Vue文件之mixin注入
                                            </span>
                                        </li>
                                    </ul>
                                </li>
                            </ul>
                        </li>
                    </ul>
                </li>
                <li>
                    <span>
                        常用插件
                    </span>
                    <ul>
                        <li>
                            <span tag="vue/vuex">
                                Vuex
                            </span>
                        </li>
                        <li>
                            <span tag="vue/pinia">
                                Pinia
                            </span>
                        </li>
                        <li>
                            <span>
                                Vue Router
                            </span>
                            <ul>
                                <li>
                                    <span tag="vue/vue-router/history-mode">
                                        历史模式
                                    </span>
                                </li>
                                <li>
                                    <span tag="vue/vue-router/params">
                                        参数传递
                                    </span>
                                </li>
                            </ul>
                        </li>
                    </ul>
                </li>
                <li>
                    <span>
                        经验
                    </span>
                    <ul>
                        <li>
                            <span tag="vue/ui2">
                                UI组件的二次封装
                            </span>
                        </li>
                    </ul>
                </li>
                <li>
                    <span>
                        快速查询
                    </span>
                    <ul>
                        <li>
                            <span tag="vue/lifecycle">
                                生命周期
                            </span>
                        </li>
                        <li>
                            <span tag="vue/style-deep">
                                style 穿透
                            </span>
                        </li>
                    </ul>
                </li>
                <li>
                    <span tag="vue/vue.config.js">
                        vue.config.js
                    </span>
                </li>
            </ul>
        </li>
        <li>
            <span>
                Angular
            </span>
            <ul>
                <li>
                    <span>
                        快速使用
                    </span>
                    <ul>
                        <li>
                            <span>
                                Angular 1
                            </span>
                            <ul>
                                <li>
                                    <span tag="angular/v1/bootstrap">
                                        启动过程
                                    </span>
                                </li>
                                <li>
                                    <span tag="angular/v1/directive">
                                        自定义指令相关内容
                                    </span>
                                </li>
                                <li>
                                    <span tag="angular/v1/router-params">
                                        路由传参
                                    </span>
                                </li>

                            </ul>
                        </li>
                        <li>
                            <span tag="angular/parent-child-msg">
                                父子组件之间的交互通讯
                            </span>
                        </li>
                        <li>
                            <span tag="angular/lifecycle-hooks">
                                生命周期钩子
                            </span>
                        </li>
                        <li>
                            <span tag="angular/data_event">
                                数据或事件绑定
                            </span>
                        </li>
                    </ul>
                </li>
            </ul>
        </li>
        <li>
            <span>
                React
            </span>
            <ul>
                <li>
                    <span>
                        快速使用
                    </span>
                    <ul>
                        <li>
                            <span tag="react/grammar">
                                如何定义类组件？
                            </span>
                        </li>
                        <li>
                            <span tag="react/state">
                                State(状态)
                            </span>
                        </li>
                        <li>
                            <span tag="react/ref">
                                受控组件与非受控组件
                            </span>
                        </li>
                        <li>
                            <span tag="react/props">
                                Props之数据传递
                            </span>
                        </li>
                        <li>
                            <span tag="react/event">
                                事件绑定
                            </span>
                        </li>
                        <li>
                            <span tag="react/repeat">
                                列表渲染
                            </span>
                        </li>
                        <li>
                            <span>
                                函数组件
                            </span>
                            <ul>
                                <li>
                                    <span tag="react/function/grammar">
                                        如何定义函数组件？
                                    </span>
                                </li>
                                <li>
                                    <span>
                                        内置Hooks
                                    </span>
                                    <ul>
                                        <li>
                                            <span tag="react/function/hook/useState">
                                                useState
                                            </span>
                                        </li>
                                        <li>
                                            <span tag="react/function/hook/useEffect">
                                                useEffect
                                            </span>
                                        </li>
                                        <li>
                                            <span tag="react/function/hook/useMemo">
                                                useMemo
                                            </span>
                                        </li>
                                        <li>
                                            <span tag="react/function/hook/useCallback">
                                                useCallback
                                            </span>
                                        </li>
                                        <li>
                                            <span tag="react/function/hook/useRef">
                                                useRef
                                            </span>
                                        </li>
                                        <li>
                                            <span tag="react/function/hook/useContext">
                                                useContext
                                            </span>
                                        </li>
                                        <li>
                                            <span tag="react/function/hook/useReducer">
                                                useReducer
                                            </span>
                                        </li>
                                        <li>
                                            <span tag="react/function/hook/useTransition">
                                                useTransition
                                            </span>
                                        </li>
                                    </ul>
                                </li>
                                <li>
                                    <span tag="react/function/customHook">
                                        如何自定义Hook？
                                    </span>
                                </li>
                            </ul>
                        </li>
                    </ul>
                </li>
                <li>
                    <span>
                        常用插件
                    </span>
                    <ul>
                        <li>
                            <span tag="react/redux">
                                Redux
                            </span>
                        </li>
                    </ul>
                </li>
                <li>
                    <span>
                        快速查询
                    </span>
                    <ul>
                        <li>
                            <span tag="react/lifecycle">
                                生命周期
                            </span>
                        </li>
                    </ul>
                </li>
            </ul>
        </li>
    </ul>
</li>
<li>
    <span>
        可视化库
    </span>
    <ul>
        <li>
            <span>
                Apache ECharts
            </span>
            <ul>
                <li>
                    <span>
                        快速使用
                    </span>
                    <ul>
                        <li>
                            <span tag="echarts/custom">
                                自定义图形
                            </span>
                        </li>
                        <li>
                            <span tag="echarts/image-draw">
                                和图片等配合使用
                            </span>
                        </li>
                    </ul>
                </li>
            </ul>
        </li>
        <li>
            <span>
                Three
            </span>
            <ul>
                <li>
                    <span tag="three/course/quick">
                        一个简单的入门用例
                    </span>
                </li>
                <li>
                    <span>
                        快速使用
                    </span>
                    <ul>
                        <li>
                            <span tag="three/diy">
                                如何直接使用顶点、法向量等绘制？
                            </span>
                        </li>
                        <li>
                            <span tag="three/raycaster">
                                如何实现点击等交互？
                            </span>
                        </li>
                        <li>
                            <span tag="three/loader">
                                加载模型
                            </span>
                        </li>
                    </ul>
                </li>
                <li>
                    <span>
                        快速查询
                    </span>
                    <ul>
                        <li>
                            <span tag="three/api/geometry">
                                几何体
                            </span>
                        </li>
                        <li>
                            <span tag="three/api/camera">
                                相机
                            </span>
                        </li>
                        <li>
                            <span tag="three/api/material">
                                材质
                            </span>
                        </li>
                        <li>
                            <span tag="three/api/light">
                                灯光
                            </span>
                        </li>
                        <li>
                            <span tag="three/api/control">
                                控制
                            </span>
                        </li>
                        <li>
                            <span tag="three/api/loader">
                                模型加载器
                            </span>
                        </li>
                    </ul>
                </li>
            </ul>
        </li>
    </ul>
</li>
<li>
    <span>
        工具库
    </span>
    <ul>
        <li>
            <span>
                pdfjs-dist
            </span>
            <ul>
                <li>
                    <span tag="pdfjs-dist/PDF-to-Image">
                        PDf文件转图片
                    </span>
                </li>
            </ul>
        </li>
    </ul>
</li>